/*---------------------------------------------------------------
# Package - Joomla Template based on Helix Framework   
# ---------------------------------------------------------------
# Author - JoomShaper http://www.joomshaper.com
# Copyright (C) 2010 - 2012 JoomShaper.com. All Rights Reserved.
# license - PHP files are licensed under  GNU/GPL V2
# license - CSS  - JS - IMAGE files  are Copyrighted material 
# Websites: http://www.joomshaper.com
-----------------------------------------------------------------*/
table tr, table td { }
#sub-slide { background:#fff; width:1200px; margin:0 auto}
#vvisit_counter165 a { display:none}
#user9 { margin-top:-4%}
.menu li:hover {
    text-indent:20px
}
.menu li
 {

    text-decoration: none;
}

#chat-hotro img:hover { margin-top: 10px}
#footer3 { text-align:left; background:#fff; font-size:12px; padding:6px 0 10px 0 }
.custom a { color:#000} 
#slideshare { position:fixed; top:10%; z-index:10; background: #fff; border-radius: 6px; border: 1px solid #C3E6A7; padding-top: 1%;}

/*HAC CATEGORY*/
#inner_content h2 { font-size:140%}
#left { width:40%; float:left; margin-right:6px}
#right { width:58%; float:left}
#left img { width:160px; height:140px; }
h1 {}
#tt {  border-bottom:none !important}
.fb-like .pluginButtonSmall { display:none}
#linkgplus { position:absolute; top:-40px; border:none}
/*HAC*/
#sp-bottom .sp-wrap { background:#0679a4}
/*HAC TTLH*/
#ttlh { margin:20px 0}
#ttlh td p { line-height:24px}
/*HAC HO TRO TRUC TUYEN*/
.module_logoright .mod-wrapper { border:none !important}
.link-gc { height:16px}
#nd { height:138px; margin:0}
.sdt { display:block; margin-left:46px; margin-top:9px }
#ten-hotro { font-weight:bold}
/*HAC HEADER LOGO*/
.header2 { float:left; font-weight:bold; margin:0 0 16px 10px;padding-top: 17px;}
#banner_right { float:right}
.header2 #domain a { color:#094da4}
.header2 #hotline { color:#f46f20}
.header2 #email, .header2 #email a { color:#4ab745;}
.header-text { margin-top:14px}
/*HAC FACEBOOK*/
.pwebfblikebox_container { border:1px solid #4ab745; height:300px}
/*HAC*/
#inner_content .sp-inner img { /*width:100%*/}
.sp-wrap { background:#fff}
/*HA RS FORM*/
.rsform-block td { width:100%}
/*HAC HO TRO*/
#hotro ul, #hotro ul li {color:#000; list-style:none; border:none; padding-bottom:6px}
#hotro ul li a { background:none;  padding:0}
#hotro .hotro-last { float:left}
/*HAC TIN TUC*/
#ja-bulletin a { background:none; padding:2px 0; color:#000}
#ja-bulletin ul li { margin-bottom:22px !important; border-bottom:none !important }

/*HAC DICH VU*/
#box a { font-size:12px; color:#f46f20; font-weight:bold; display:block}
#box ul li#giam { color:#094da4; font-weight:bold}
#box #link_left { float:left; width: 32%; }
#box #link_right { float:right; width:60% }
#box  img { width:200px}
.link_footer { line-height:30px;
background-color: rgba(192, 113, 12, 0.85);
color: #fff !important; text-align:center;
display:block;
    /* padding:10px; display:block cua tag a se khong thuc hien duoc viec an vao dau cung la tag a*/
    position:relative;
    font-size:12px;
    text-decoration:none;   
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;	
}
.link_footer:hover{
	color:#f00  !important;
	/*background-color:#06F;*/
	}
.link_footer:active{
	color: #156785;
	display: block;
	background: #094da4;
	/*top: 7px;*/
}
.clean { clear:both}

.megame { background: url(../images/capquang/mega-me.png) repeat-x 0 0}
.megayou { background: url(../images/capquang/mega-you.png) repeat-x 0 0}
.fiberplay { background: url(../images/capquang/fiber-play.png) repeat-x 0 0}
.fiberplus { background: url(../images/capquang/fiber-plus.png) repeat-x 0 0}
.fiberpublic { background: url(../images/capquang/fiber-public.png) repeat-x 0 0}
.fiberbusiness { background: url(../images/capquang/fiber-business.png) repeat-x 0 0}
.fibergold { background: url(../images/capquang/fiber-gold.png) repeat-x 0 0}
.fibersilver { background: url(../images/capquang/fiber-silver.png) repeat-x 0 0}

#sub-box { margin-top:30%}
.tencq { margin:0; padding:0; font-weight: bold; font-size: 14px; text-align: center; color: rgb(17, 62, 241);}
.tencq a { color:rgb(17, 62, 241) !important}
#box:hover { /*border:1px solid #4ab745*/}

	#box {
   -webkit-transition: all 0.2s linear;
   -moz-transition: all 0.2s linear;
   -o-transition: all 0.2s linear;
   -ms-transition: all 0.2s linear;
   transition: all 0.2s linear;
}

#box:hover {
   -webkit-transform: scale(1.1,1.1);
   -moz-transform: scale(1.1,1.1);
   -o-transform: scale(1.1,1.1);
   -ms-transform: scale(1.1,1.1);
   transform: scale(1.1,1.1);
}

#box 
	{
	  position: relative;
	  width: 42%; height:260px;
	  float:left;
	  
	  padding: 2% 2.5%;
	  color: rgba(0,0,0, .8);
	  line-height: 1.5; margin:1%;

	}


/*HAC MODUEL NEW */
span.badge_new { background:none !important}
/*HAC*/
#sp-leftcol, #sp-rightcol { margin-top:10px; }
/* Master Reset */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{border:0;outline:0;font-size:100%;/*vertical-align:baseline;*/background:transparent;margin:0;padding:0}
body{line-height:1}
ol,ul{list-style:none}
blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{content:none}
:focus{outline:0}
ins{text-decoration:none}
del{text-decoration:line-through}
table{border-collapse:collapse;border-spacing:0}

/* Core */
body{color:#525253;font-family:Source Sans Pro,Arial,Helvetica,sans-serif;font-size:12px;line-height:150%}
body.bg{
background: #fff;
font-family:Source Sans Pro,Arial,Helvetica,sans-serif;
}
.sp-wrap{margin-left:auto;margin-right:auto}
.sp-block{float:left;display:inline}
.mod-block {padding:10px}
.sp-inner{padding-left:10px;padding-right:10px}
.sp-block .first {margin-left:-10px}
.sp-block .last {margin-right:-10px}
.sp-block .single {margin-left:-10px;margin-right:-10px}
.gap{clear:both; margin-bottom:20px}
.main-bg {/*background: url(../images/bg.jpg) repeat-x 0 0*/}

/*Header Area*/
#header {position:relative}
a#logo,#logo-text{float:left;margin:0 10px}
#logo-text h1{font-size:200%;font-weight:bold;text-transform:uppercase;border:0!important;margin:10px 0 0!important;padding:0!important}
#logo-text h1 a{}
#logo-text p.site-slogan{margin:0;padding:0;color:#999}

/*Search*/
.mod-search,#mod-finder-searchform{float:right;margin:25px 10px 0;padding:0}
input#mod-search-searchword,input#mod-finder-searchword{padding:4px 10px;margin:0 10px 0 0;background:url(../images/search.png) no-repeat 98% 50%}

/*Module positions user1-user4*/
#sp-userpos {margin:10px 0}
#sp-userpos h3 {color:#333}
#sp-bottom{color:#888}

/* Layout */
#sp-leftcol, #sp-rightcol, #sp-maincol ,#inset1, #inset2, #inner_content {float:left}
#sp-maincol {padding:10px 0}
/*HAC */
#inner_content .sp-inner {/*background:#121312*/;border:1px solid #4ab745;padding:10px;margin-left:10px;margin-right:10px}

/*Font Resizer*/
div.font-sizer{width:45px;height:16px;line-height:16px;position:absolute;z-index:1;top:5px;right:10px}
div.font-sizer a.btn_fs_big,div.font-sizer a.btn_fs_reset,div.font-sizer a.btn_fs_small
{background-image:url(../images/font-resizer.png);background-repeat:no-repeat;height:16px;width:15px;border:medium none;cursor:pointer;display:block;float:left;text-indent:-999em;padding:0}
div.font-sizer a.btn_fs_big{background-position:0 0}
div.font-sizer a.btn_fs_reset{background-position:-15px 0}
div.font-sizer a.btn_fs_small{background-position:-30px 0}
div.font-sizer a.btn_fs_big:hover{background-position:0 -16px}
div.font-sizer a.btn_fs_reset:hover{background-position:-15px -16px}
div.font-sizer a.btn_fs_small:hover{background-position:-30px -16px}

/* Breadcrumbs */
#breadcrumbs{background:#050505 url(../images/grad3.png) repeat-x 0 0;border-bottom:1px solid #282828;overflow:hidden;height:40px;line-height:40px;margin:-10px -10px 10px;padding:0 10px}
#breadcrumbs span.showhome {font-weight:bold;margin-right:5px}
#breadcrumbs .padding{padding:5px 8px}
#breadcrumbs a,#breadcrumbs span,#breadcrumbs strong{display:block;float:left}
#breadcrumbs a,#breadcrumbs span.separator{margin-right:10px;padding-right:15px;background:url(../images/breadcrumbs.png) 100% 50% no-repeat}
#breadcrumbs span.current{color:#666}

/* Footer */
#sp-footer{padding:20px 0;background:url(../images/h-divider.png) no-repeat 50% 0; text-align:center; line-height:12px; color:#fff}
#sp-footer .cp {float:left;}

/*Footer Navigation*/
#footer-nav{float:right;margin-top:8px}
#footer-nav ul{list-style-type:none;padding:0;margin:0 0 5px 0}
#footer-nav li{background:none;padding:0;display:inline}
#footer-nav a{font-size:11px;font-weight:normal;text-decoration:none;display:inline;margin:0;padding:0 8px}
a#topofpage{font-size:11px;float:right;margin:8px 0 0 5px}

/* Helix Logo */
#powered-by{display:block;text-indent:-999em}
.helix-logo-light,.helix-logo-dark,.helix-logo-light-small,.helix-logo-dark-small{display:block;float:left;padding:0 10px 0 0;margin:0 15px 0 0;border-right:1px solid #222}
.helix-logo-light,.helix-logo-dark,.helix-logo-light a,.helix-logo-dark a{height:33px;width:160px}
.helix-logo-light-small,.helix-logo-dark-small,.helix-logo-light-small a,.helix-logo-dark-small a{height:33px;width:100px}
.helix-logo a{background-position:center center;background-repeat:no-repeat;display:block;text-indent:-999em}
.helix-logo-light a{background-image:url(../images/helix-logo/helix_light.png)}
.helix-logo-dark a{background-image:url(../images/helix-logo/helix_dark.png)}
.helix-logo-light-small a{background-image:url(../images/helix-logo/helix_light_small.png)}
.helix-logo-dark-small a{background-image:url(../images/helix-logo/helix_dark_small.png)}

/* Clearfix */
.clr{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0}
.clearfix:after{clear:both;content:' ';display:block;font-size:0;line-height:0;visibility:hidden;width:0;height:0}
* html .clearfix,:first-child+html .clearfix{zoom:1}
#banquyen {
line-height: 19px;
}
#wrap_header_banner {
background: url('../images/header_banner.jpg') no-repeat;
height: 120px;
color: #fff;
float: right;
}
#wrap_header_banner > span {
float: right;
text-align: center;
width: 422px;
font-size: 20px;
line-height: 24px;
font-weight: bold;
padding-top: 15px;
}
#wrap_header_banner .header_contact {
width: 518px;
text-align: center;
float: left;
margin-top: 20px;
display: block;
font-size: 7px;
font-weight: bold;

}
#wrap_header_banner .header_contact h1 {
border-bottom:none !important;
}
.detail_title {
font-size: 23px;
color: #D80000;
padding-bottom: 20px;
}
.detail_content img {
max-width: 100%;
}
.detail_content {
 
}
.detail_news {
width: 871px;
float: left;
padding-right: 10px;
}
.detail_info {
width: 625px;
padding-right: 10px;
}
.info-contact {
width: 470px;
float: left;
background: #fafafa;
margin-top: -6px;
line-height: 22px;
}
.info {
padding: 20px 20px 10px 0px;
border-top: 1px #fff solid;
}
.form-contact .info, .form-contact h2{
padding-left: 10px !important;
}
.map {
padding: 10px 20px 10px 20px;
}
.info-contact {
line-height: 22px;
}
.form-contact {
width: 430px;
float: left;
background: #efefef;
margin-top: -6px;
line-height: 22px;
}
.info-contact, .form-contact {
min-height: 480px;
}
.info-contact h2, .form-contact h2 {
color: #da401c;
font-size: 14px;
font-weight: bold;
text-transform: uppercase;
padding-top: 10px !important;
padding-bottom: 10px !important;
border-bottom: 1px #969696 solid;
margin: 0;
}
.input01 {
color: #858585;
font-size: 13px;
padding: 10px 0 2px 0;
line-height: 18px;
}
.input02 input,.input02 input:hover, .input03 input,.input03 input:hover,.input02 textarea,.input02 textarea:hover {
width: 210px;
border: 1px solid #ccc;
padding: 3px;
background: #fff;
color: #000;
}

.input02 input,.input02 input:hover, .input03 input,.input03 input:hover{

}
a.readmore:hover, .adminform button:hover, #adminForm button:hover, .button:hover, button[type=submit]:hover, input[type=submit]:hover, input[type=button]:hover {
background: #fff !important;
border-color: #333 #222 #222 !important;
border-right: 1px solid #252525!important;

}
.btncontact {
width: 70px;
float: left;
}
#banner > div {
margin-top: 11px;
}